<script>
export default {
  name: "ifShow",
//   v-if和v-show
  data(){
    return{
      flag:true
    }
  }
}
</script>

<template>
<!--  v-if和v-show的区别：
   相同点：显示和隐藏元素
   不同点：v-if删除DOM元素，v-show是通过display:none;，进行隐藏
   应用场景：只修改一次的时候可以使用v-if,频繁切换的时候可以使用v-show
-->
  <div id="ifShow">
    <div v-if="flag">1</div>
    <div v-show="flag">2</div>
  </div>
</template>

<style scoped lang="less">

</style>